1、第一次引入Vue在浏览器出现两个提示:
- Download the Vue Devtools extension for a better development experience:
https://github.com/vuejs/vue-devtools
注释: 请你下载Vue的开发者,以达到更好的体验
解决:通过https://v2.cn.vuejs.org/v2/guide/installation.html#Vue-Devtools 的安装目录下,安排Vue Devtools工具
- 01_初识Vue/js/vue.js:9323You are running Vue in development mode. Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html
注释:你的版本是开发者版本,若是生产环境,则建议改为引入生产的Vue版本:
在script中增加一个配置:
Vue.config.productionTip = false //阻止Vue在启动时生成生产提示
- Vue的版本号写法:
^ 会匹配最新的大版本依赖包,比如 ^1.2.3 会匹配所有 1.x.x 的包,包括 1.3.0,但是不包括 2.0.0
~ 会匹配最近的小版本依赖包,比如 ~1.2.3 会匹配所有 1.2.x 版本,但是不包括 1.3.0
* 安装最新版本的依赖包,比如 *1.2.3 会匹配 x.x.x
2、初识Vue工作的原理:
1.想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象;
2.root容器里的代码依然符合htm1规范,只不过混入了一些特殊的Vue语法;3.root容器里的代码被称为[Vue模板]:
4.Vue实例和容器是一一对应的;
5.真实开发中只有一个Vue实例,并且会配合着组件一起使用:
6.{[{xxx}}中的xxx要写js表达式,且xxx可以自动读取到data中的所有属性7.一旦data中的数据发生改变,那么页面中用到该数据的地方也会自动更新;
注意区分: js表达式 和 s代码(语句)
1.表达式:一个表达式会产生一个值,可以放在任何一个需要值的地方:
(1).a
(2).a+b
(3). demo(1)
(4). x === y ? 'a' : 'b
2.js代码(语句)
(1).if()}
(2). for(){}
2.1、Vue原理,模板的概念:
解释:HTML的容器对于Vue来说就是模板
注:1、一个容器,只能被 一个Vue实例接管。(容器与Vue实例是一一对应)
想了系统性学习开发项目并下载源码,可以搜索微信小程序“群应荟萃” 并转发 ,有无限多的免费学习教程。
加入微信群:“群应荟萃”可以实时获取最新资源更新
教程版权归原作者所有,本站只是负责搜集整理