网站要怎样建设,遵义网站搭建公司哪家好,黄页网络,具有价值的做网站文章目录 准备开始适应人群vue 框架学习路线一、vue 基础1、历史介绍2、前端框架与库的区别? 二、vue的起步 和 插值表达式Stage 1#xff1a;下载包#xff0c;并放入项目中Stage 2#xff1a;编码Stage 3#xff1a;源码 与 效果 准备开始
适应人群
有一定的HTML/CSS/… 文章目录 准备开始适应人群vue 框架学习路线一、vue 基础1、历史介绍2、前端框架与库的区别? 二、vue的起步 和 插值表达式Stage 1下载包并放入项目中Stage 2编码Stage 3源码 与 效果 准备开始
适应人群
有一定的HTML/CSS/JavaScriptES6基础开发人员
vue 框架学习路线
html/css/is es6vue基础组件化开发 vue核心插件vue-router和vuex搜索社区大牛的资料继续深入学习 一、vue 基础
1、历史介绍
angular 09年年份较早一开始大家是拒绝谷歌公司团队研发 目前star:59.6kreact 2013年,用户体验好社区大 facebook公司团队研发目前star:135k·vue 2014年用户体验好API齐全对初学者非常友好尤雨溪 目前star: 147k
2、前端框架与库的区别?
jquery库-DOM(操作DOM)请求art-template库-模板引擎框架 全方位功能齐全 简易的DOM体验 发请求 模板引擎 路由功能 数据管理。 KFC的世界里,库就是一个小套餐,框架就是全家桶代码上的不同 一般使用库的代码是调用某个函数我们自己把控库的代码。一般使用框架其框架在帮我们运行我们编写好的代码 框架:初始化自身的一些行为 执行你所编写的代码施放一些资源
二、vue的起步 和 插值表达式
进入官网-V2 Stage 1下载包并放入项目中 Stage 2编码
1、引包2、初始化3、插值表达式调用 插值表达式-支持类型 Stage 3源码 与 效果
源码
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitlevue的起步和插值/title
/headbodydiv idapph2{{ msg }}/h2h3{{ 2 }}/h3h3{{ hello }}/h3h3{{ {id:1} }}/h3h3{{ 12 ? 真的:假的}}/h3h3{{ txt.split().reverse().join() }}/h3h1{{ getContent() }}/h1h1{{ msg3 }}/h1/div!-- 1.引包 --script src./vue.js/scriptscript// console.log(Vue);// 2.初始化const vm new Vue({el: #app,// 数据属性data: {msg: hello vue,txt: hello,msg2: content,msg3:p插值语法/p},// 存放的是方法methods: {getContent() {return this.msg this.msg2;}}});console.log(vm.msg);/script/body/html效果
