![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
个人学习
芹芹家的小码农
帅气的张先生
展开
-
vue组件基本使用
1.创建组件构造器对象 const cpn = Vue.extend({ template:` <div> <h2>我是组件</h2> <p>注册示例</p> </div>` })2.注册组件//my-cpn是定义的标签名 ,cpn是创建的组件构造器对象名Vue.component('my-cpn',cpn)3.在html中使用<my-cpn></原创 2020-10-28 11:47:12 · 93 阅读 · 0 评论 -
Vue学习——webpack-Vue项目搭建
1.创建webpack骨架vue init webpack 项目名搭建webpack骨架的cmd操作2.安装需要的依赖2.1 路由模块npm install vue-router --save-dev2.2 axios模块npm install --save axios vue-axios2.3 element模块npm i element-ui -s安装完之后,安装依赖:npm install3. 配置路由表1):创建路由表在src目录下创建router文件夹,里原创 2020-09-16 11:33:39 · 159 阅读 · 0 评论 -
Vue中发送Ajax请求
1.安装axios模块 npm install --save axios vue-axios2.安装依赖 npm install3.在main.js中使用axios import axios from'axios' import VueAxios from'vue-axios' Vue.use(VueAxios,axios)4.发送Ajax请求 4.1 发送axios的get请求 this.axios({ method:'get', //get请求中原创 2020-09-14 16:35:20 · 364 阅读 · 0 评论 -
Vue中数据传递(子传父)
Vue中是通过事件发射的方式来实现子传父的效果的在子组件中,使用this.$ emit("键名","键值")。在父组件中的子组件标签中使用@键名="vue属性名=$event" 来获取子组 件传递过来的值。代码如下: 子组件:<button type="button" @click="dw">点我</button>methods:{ dw(){ this.$emit('ChangeTitle','你好世界!') }原创 2020-09-14 15:22:22 · 936 阅读 · 0 评论 -
Vue组件
1:注册组件全局注册Vue.component ("model",{ }) //{}内的是一个vue对象,“”内的是组件名称2.使用组件Vue组件只可以被绑定了Vue的html元素中使用,如果没有div没有被Vue绑定,那么不能直接使用template方法内写的是html标签可以直接被应用到页面中去同时template内必须是要用一个根标签包裹template:'<div>{{title}}<button type="button" @click="test"&g原创 2020-09-12 14:37:16 · 97 阅读 · 0 评论 -
Vue初体验
Vue初体验<div id="app"> {{title}} </div> <script type="text/javascript"> let app = new Vue({ // 绑定view层的事件 el:"#app", // 给view层已绑定事件变量赋值 data:{ title:"my first Vue !!!" } }) </script>...原创 2020-09-09 11:03:40 · 64 阅读 · 0 评论