-
项目基本配置
查看全部 -
./.../ 是相对路径
/.../ 是绝对路径
查看全部 -
created(){ 已经有数据了但是还未渲染到页面上 有$data无$el }
mounted(){ 数据已经渲染到页面上了 有$data有$el }
destroyed(){ 销毁时调用,一般使用场景:v-if为false }
查看全部 -
checkAllFlag 取决于上面的有没有选择
查看全部 -
计算属性:那些值的变化会影响
查看全部 -
node环境的升级和降级
查看全部 -
vue高效特点
查看全部 -
安装和使用VueCli3.0 (脚手架)
可以理解为创建PPT时自带的模板 可以利用脚手架方便的进行构建项目等操作
可以先安装yarn:
npm i -g yarn
首先要安装脚手架1:npm install -g @vue/cli
安装脚手架2:yarn global add @vue/cli
创建项目:vue create freemall
启动UI:vue ui
查看全部 -
Node环境 升级和降级
服务器和本地配置不一致
Node新功能尝鲜
NPM插件的兼容问题
三种方式
使用n模块来管理Node版本
安装NVM,通过NVM来安装和卸载Node
先卸载再安装
查看全部 -
Vue常用指令介绍
v-model:动态模型绑定,例如表单绑定
v-bind:添加属性
v-text:赋值
v-if:if判断
v-show:和前者一样,和前者区别在于一个dom节点存在,一个不存在,即一个需要渲染
v-on:事件绑定
v-for :循环
Vue过滤器filter
组件化(Component)
查看全部 -
Vue演进
用途:PC H5 小程序(美团开发的一个框架) 桌面应用 混合移动APP
课程内容介绍
基于Vue最新版本开发SPA项目
Node环境配置
项目架构基本设计
案例讲解,语法贯穿
课程目标介绍
Vue框架知识介绍
购物车案例实现
地址选择案例实现
课程总结
Vue三大特点:
易用
灵活 -- 渐进式框架
声明式渲染
组件系统
客户端路由
状态管理(用VueX)
构建工具
高效
20kb min+gzip运行大小
超快虚拟DOM(虚拟DOM:用JS来表达DOM对象)
持续的版本
查看全部 -
项目基本架构设计
1. 项目的工程化 -- 自动化打包、压缩、上传、单元测试等以及组件化 模块化
2. 项目的信令优化?
3. 项目的开发规范
4. 项目的架构结构设计
查看全部 -
render: h => h(App)
等价于
render:
function
(createElement) {
return
createElement(App);
}
new Vue()
初始化事件、生命周期钩子
beforeCreate
初始化data
created
编译模板
beforeMount
使用$el 替换el
mounted
对比虚拟dom, diff算法,插入真实dom
beforeDestory
destoryed
eslint报错可以在package.json 中修改规则
组件中的data不能写为对象形式,应写为函数形式,否则为添加至全局
查看全部 -
vue的四个命令.
查看全部 -
安装脚手架
查看全部
举报