07 2019 档案
摘要：vue开发中，父组件添加scoped之后。解决在父组件中无法修改子组件样式问题 在vue的开发中，我们需要引用子组件，包括ui组件（element、iview）。但是在父组件中添加scoped之后，在父组件中书写子组件的样式是无效果的。去掉scoped之后，样式可以覆盖。但这样会污染全局样式，为了解
阅读全文
摘要：一、测试项目是否可以正确运行 指令:npm run dev 首先我们先建立一个vue的项目，本人用的是vue-cli随便建立的，然后运行项目 不必非得是像我这样的，这一步的目的只是测试一下咱们的vue项目是否可以运行 二、修改路径(assetsPublicPath: './') 打开我们config
阅读全文
摘要：1.动态路由传值 1.配置路由处 { path: '/content/:id', component: Content }, // 动态路由 2.对应页面传值 <router-link :to="/content/+item">{{item}}</router-link> 3.对应页面接值 this
阅读全文
摘要：1.安装，如果你没有在创建项目时候选择的情况下 cnpm install vue-router 2.使用 假设App为根组件，两个自定义组件home及list main.js里操作 app组件 home 效果
阅读全文
摘要：1.父组件给子组件传值 home父组件 header子组件 关键字props home代码 header代码 效果：
阅读全文
摘要：示例图 home代码 app代码 效果： 总结：比较常用的 mounted：用于请求接口渲染数据时候 beforeDestroy：用于页面销毁时，保存页面里的某些数据时候 beforeDestroy：用于页面销毁时，保存页面里的某些数据时候
阅读全文
摘要：1.定义组件 2.在App.vue里引入Home组件 home代码 App代码 效果：
阅读全文
摘要：1.自定义事件 例如v-on:click="run" 或者 @click="run" 效果： 2.自定义事件传值 @click="run('123')" 效果： 3.事件对象@click="run($event)" 效果：
阅读全文
摘要：1.双向数据绑定 <input v-model="msg" /> 页面效果：
阅读全文
摘要：1.绑定属性 v-bind 或者 ： 例如：<img :src="pic_src" /> 2.绑定class <div :class="{'red':active}">111111111111</div> 3.绑定style <div :style="{color:color}">222222222
阅读全文
摘要：1.数据渲染 {{msg}} 2.条件判断 v-if="XXX" 3：列表循环 v-for="(item,index) in list" :key="index" 最终页面效果：
阅读全文
摘要：1.vue init webpack-simple vuedemo02 2.按提示操作 3. 项目目录： ps:可能遇到的问题
阅读全文
摘要：1.先安装nodejs环境https://npm.taobao.org/mirrors/node （选择版本） 下一步 下一步 默认安装就行 2.检查node和npm的是否成功安装node -v npm -v (版本号) 3.安装cnpm npm install -g cnpm --registry
阅读全文
浙公网安备 33010602011771号