1、第一次引入Vue在浏览器出现两个提示：

Download the Vue Devtools extension for a better development experience:

注释： 请你下载Vue的开发者，以达到更好的体验

解决：通过 的安装目录下，安排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

注释：你的版本是开发者版本，若是生产环境，则建议改为引入生产的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实例是一一对应）

想了系统性学习开发项目并下载源码，可以搜索微信小程序“群应荟萃” 并转发 ，有无限多的免费学习教程。

加入微信群：“群应荟萃”可以实时获取最新资源更新

教程版权归原作者所有,本站只是负责搜集整理