![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 58
键盘上的那抹灰
学习不过脑子。不过是台打字机罢了
展开
-
vue组件传值的三种方式
父子组件传值:(二种传值:一个是props,一个是refs)1:props(1) 父组件给子组件传值:父组件绑定动态属性 传值 / 传方法 / 传实例 <v-header :msg="msg" :fatherFunction="fatherFunction" //父组件传递方法时不加() :home="this" ></v-header>(2) 子组件通过props 接收父组件传过来的 值 / 方法 / 父亲实例prop原创 2021-01-20 14:53:28 · 333 阅读 · 0 评论 -
vue路由
:安装npm install vue-router:引用(main.js)import VueRouter from 'vue-router'Vue.use(VueRouter)const routes = [{ path: '/News', components: News }, { path: '/Home', components: Home },]const router = new VueRouter({ routes})/*原创 2021-01-20 13:34:06 · 220 阅读 · 1 评论 -
vue发起请求的三种方式
方式一:vue-resourceGitHub搜索: vue-resource(vue官方提供的一个插件):安装(终端)(–save 方便别人使用你的项目)npm install vue-resource --savecnpm install vue-resource --save 区别就是国内的淘宝镜像安装成功可看::引用 (mian.js)import VueResource from 'vue-resource'Vue.use(VueResource);:使用(页面请求原创 2021-01-19 16:54:43 · 4774 阅读 · 3 评论 -
vue指令整理(+自定义)+生命周期+组件
指令指令1:数据引用 {{}} 和 v-text 和 v-html同:“读出数据”异:“{{}}直接显示文本内容、v-text直接显示文本内容、v-html读取内容时可解析标签”指令2:显示隐藏控制 v-show与v-if else参考:https://editor.csdn.net/md/?articleId=103960120同:“ 判断显示,控制显示与隐藏”异:“(1)v-...原创 2020-02-29 20:15:23 · 330 阅读 · 0 评论 -
vue 组件component(全局组件与局部组件区别)
分类:全局组件(构造函数上)+局部组件(vue实例上)全局组件:1:组件内data为函数形式,修改时只修改当前组件内的值2:组件可重复使用示例:data使用示例:局部组件:注意:实例上组件与全局组件相同时,会先访问局部组件,再访问全局组件。...原创 2020-01-31 19:00:42 · 757 阅读 · 0 评论 -
vue v-if与v-show的区别,template的使用
条件渲染 : v-if 与 v-else-if 与 v-else控制元素的显示与隐藏示例:动态显示效果:代码:注意:v-if与v-else语句需要联合使用,如中间加了其他语句如P标签使上下不连贯儿将导致报错!!但是v-if仍可以使用 同理,v-if与v-else中间可以使用v-else-if2:template两个即两个以上的div需要同一个元素控制的时候,用temp...原创 2020-01-13 16:28:06 · 5338 阅读 · 0 评论 -
vue--基础 引用 创建一个vue实例
一:搜索vuejs.org进入vue官网。二:引用vue.js1:el:element简称el:’'与vm.$mount()等价2:代码规范-------- 括号为{{}} 且括号内内容一定要前后空格3:显示示例-------- {可进行简单的加减乘除js表达式如1*8、10/2}4:数据引用改变数据的值:改变机理数据更改:更改为同步的以及更改显示...原创 2020-01-10 20:18:56 · 231 阅读 · 0 评论