Vue学习
敏儿啦
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue进阶(2)
1. vue-router 的一级配置 下载路由, 之前在创建项目时已经安装,项目已经自动创建好了router.js router.js写上切换的路由配置 将vue文件放在views,页面级的组件放在views 在router.js进行引用 import Film from ‘@/views/Film’ @代表指向src文件的别名 在main.js中把router引入进来并配置 import router from ‘./router’ 在new Vue中配置 router:rou原创 2020-06-03 08:45:50 · 199 阅读 · 0 评论 -
Vue进阶(1)
1.slot插槽(内容分发) 内容分发:把父组件的内容分发到子组件里面 a.单个slot b.具名slot(具有名字的插槽) 混合父组件的内容与子组件自己的模板-->内容分发 父组件模板的内容在父组件作用域内编译; 子组件模板的内容在子组件作用域内编译 <body> <div id="box"> <child> <div slot='a'>aaaaaa</div> <div原创 2020-06-02 15:15:43 · 233 阅读 · 0 评论 -
Vue基础(2)
1.表单修饰符 .lazy(限制实时传入服务器) 失去焦点之后才能更新 .number(限制输入的为数字) .trim(去掉首尾字符是空格) <body> <div id="box"> <input type="text" v-model.lazy='mytext'> {{mytext}} <!-- <input type="text" v-model.number='mynumber'> -->原创 2020-05-31 11:20:16 · 221 阅读 · 0 评论 -
Vue基础(1)
1.vue入门小案例 渐进式JavaScript框架 cdn下载 npm下载 <div id="box"> {{10+20}} <p>{{myname}}</p> </div> <div> {{10+20}} </div> <script src='../js/vue.js'></script> <script>原创 2020-05-29 11:09:34 · 276 阅读 · 0 评论
分享