脚本宝典收集整理的这篇文章主要介绍了

入门 Vue,只需要知道这 4 点就 够了

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

1、说那四点前,先用 npm 构造项目,并看看目录结构。

1.1 用 npm 全局安装 vue 的命令行工具  npm install --global vue-cli  1.2 创建一个基于 webpack 模板的新项目 vue init webpack my-project  1.3 进行项目目录,并运行 cd my-project; vue run dev  1.4 目录结构 | | - build : 项目构建(webpack)相关代码 | - config : 配置目录,可以在 index.js 文件中修改端口号 | - node_modules : npm 依赖模块 | - src : 要开发的目录,要做的事情基本都在这个目录里。包含: | - - assets : 放图片 | - - components : 组件文件 | - - App.vue : 项目入口文件 | - - main.js : 项目的核心文件 | - static : 静态资源目录,如图片、字体 | - .xxxx 文件 : 配置文件、包括语法配置,git 配置等 | - index.html : 首页入口文件 | - package.json : 项目配置文件 | - README.md : 项目说明文档,markdown 模式 

2、Vue 起步

2.1 Vue 实例  var vue = new Vue({     var data = {msg: 'This is data'};      el: '#app',     data:data,     methods:{         details: function(){             return "This is a method"         }     }      document.write(vue.$data === data); // true });  2.2 使用特点     2.2.1 内容格式为 Json 格式;     2.2.2 Vue 实例三部分构成         第一部分:绑定元素字段 el:             el: '选择器'         第二部分:定义属性模块              data:{                 name: value             }         第三部分:定义方法模块 methods:             methods:{                 // 变量函数                 方法名: 方法体             }     2.2.3 {{}}          用来标识要使用的变量或者方法     2.2.4 可以通过变量来,访问 Vue 实例中的成员,需要用 $ 符号声明         vue.$el 

掌握这四个特点,就入门 Vue 了。

总结

以上是脚本宝典为你收集整理的

入门 Vue,只需要知道这 4 点就 够了

全部内容,希望文章能够帮你解决

入门 Vue,只需要知道这 4 点就 够了

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过