四时宝库

程序员的知识宝库

Vue2.0怎么开始第一次使用,有哪些教程教不了的操作

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实例是一一对应)

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

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

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

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接