开心点,人间值得
面朝大海 春暖花开
Vue组件 Vue组件
父组件使用子组件需要在父组件中引入子组件声明子组件的名字 components: { 子组件名字 }, 使用路由路径要配对 在父组件传值过程中,遇到传过去的值为undefined,原因是在父组件中的data未定,导致子组件的数
2019-03-18
Vue集成 Vue集成
单页面,多页面引入Vue.js 复杂单页面应用Vue.cli工具 开发工作流 需求调研 交互设计,逻辑设计,接口设计 代码实验,测试运行,线上部署 git git clone 地址 (远程仓库下载代码到本地目录) gi
2019-03-16
vuex vuex
多个视图依赖同一状态(例:导航栏) 不同视图的行为需要变更同一状态(例:评论弹幕) Vuex 为Vue.js开发的状态管理模式 组件状态集中管理 组件状态改变遵循统一的规则 调试console.log console.error
2019-03-16
组件化 组件化
组件化思想 组件化 独立的 可复用的 整体化的 为什么要组件化 实现功能模块的复用 高执行效率(渲染) 开发单页面复杂应用 如何拆分 300行原则(组件代码尽量不超过300行) 复用原则(导航栏) 业务复杂性原则
2019-03-16
vue-cli vue-cli
vue-cli 创建工程的两种方法 npm install -g @vue/cli vue create vue create filename 空格 + 回车选择 http://localhost:8080 vue ui
2019-03-16
vue-计算属性和侦听属性 vue-计算属性和侦听属性
vue-计算属性和侦听属性 计算属性 computed:只要改变其中一个值则改变 侦听属性 watch:Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动:侦听属性 watch(异步场景) computed(数据联动)
2019-03-16
html-webpack-plugin html-webpack-plugin
安装 npm i html-webpack-plugin -D
2019-03-14
webpack-dev-server webpack-dev-server
使用webpack-dev-server这个工具,来实现自动打包编译的功能 npm i webpack-dev-server -D webpack-dev-server常用命令 自动打开浏览器:”dev”: “webpack-dev-se
2019-03-14
webpack基本配置 webpack基本配置
// 这个配置文件就是一个JS文件,通过node中的模块操作,向外暴露了一个配置对象 const path = require('path') module.exports = { // 在配置文件中,需要手动指定入口和出口
2019-03-14
vue-Webpack vue-Webpack
网页中引用的静态资源JS: .js .jsx .coffee .ts CSS: .css .less .sass .scss Img: .jpg .png .svg .gif fonts: .ttf .eot .wo
2019-02-14
1 / 2