
前端-Vue
vtenten
代码搬运工
-
原创 Vue: 新手上路
文章目录1.vue 新手上路2.vue 常用指令v-text v-htmlv-if v-showv-for3.数据绑定4.事件绑定5.过滤器的使用6.数据监听watch 和 计算属性computed 1.vue 新手上路 # 安装node.js,下载安装 http://nodejs.cn/download/ # 查看是否安装成功 npm命令验证 并更换国内淘宝源 # 更改npm源 npm con...2020-01-14 16:33:1573
0
-
原创 Vue router 单页面的控制中心
vue-router 路由 就是组件之间 进行切换的。 路由的配置 router/index.js import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) const routes = [ { path:"/home", component:() => ...2019-10-23 15:00:5681
0
-
原创 Vue 非父子组件传递值
第一种传值方式,通过事件总线 其实就是通过一个公共的js文件,专门用来传递消息 创建 src/util/bus.js import Vue from 'vue' export default new Vue 在我们需要传递消息的地方,引入bus.js app.vue 传值给 Child.vue app.vue import bus from './util/bus' Child.vue im...2019-10-23 12:08:2241
0
-
原创 Vue父子组件传值
首先创建基础项目 https://blog.csdn.net/sunt2018/article/details/102697487 然后写一个父子组件 App.vue <template> <div id="app"> <!-- 导入父组件 --> <!-- 默认规则 必须大写MP 使用小写m-p,-隔开 --> ...2019-10-23 11:38:10198
0
-
原创 Vue生成基础项目
vue 生成基础项目 安装node # 下载安装,输出版本号,则正确安装 http://nodejs.cn/download/ node -v 安装vue-cli3 # 安装 npm install -g @vue/cli vue -V # 验证 我的是@vue/cli 4.0.5 # 卸载 npm uninstall -g @vue/cli # 更改npm源 npm config se...2019-10-23 11:01:0261
0