- 博客(6)
- 收藏
- 关注
RSS订阅原创 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
94
原创 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
162
原创 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
371
原创 Vue中数据传递（子传父）
Vue中是通过事件发射的方式来实现子传父的效果的在子组件中，使用this.$ emit("键名"，"键值")。在父组件中的子组件标签中使用@键名="vue属性名=$event" 来获取子组 件传递过来的值。代码如下： 子组件：<button type="button" @click="dw">点我</button>methods:{ dw(){ this.$emit('ChangeTitle','你好世界！') }
2020-09-14 15:22:22
938
原创 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
98
原创 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
66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人