![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue学习
敏儿啦
这个作者很懒,什么都没留下…
展开
-
Vue进阶(2)
1. vue-router 的一级配置下载路由, 之前在创建项目时已经安装,项目已经自动创建好了router.jsrouter.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 · 129 阅读 · 0 评论 -
Vue进阶(1)
1.slot插槽(内容分发)内容分发:把父组件的内容分发到子组件里面a.单个slotb.具名slot(具有名字的插槽) 混合父组件的内容与子组件自己的模板-->内容分发 父组件模板的内容在父组件作用域内编译; 子组件模板的内容在子组件作用域内编译 <body> <div id="box"> <child> <div slot='a'>aaaaaa</div> <div原创 2020-06-02 15:15:43 · 193 阅读 · 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 · 163 阅读 · 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 · 234 阅读 · 0 评论