文章分类 -  drf_2_Vue组件

Vue-cli的使用
摘要：3.Vue-cli的使用 我们的项目文件都是手动创建出来，在实际开发中我们可以借助vue-cli创建出我们的所有项目文件 全局安装vue-cli npm install --global vue-cli 项目创建 vue init webpack 项目名 运行调试项目 // 进入项目目录下，执行下面 阅读全文
posted @ 2020-08-11 04:30 sewen 阅读(111) 评论(0) 推荐(0)
Vue组件简介
摘要：1.Vue组件 组件(Component)是Vue.js最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。就像是python中封装一个类，在其他类中可以继承和调用类中的属性和方法。 所有的 Vue 组件同时也都是 Vue 的实例，所以可接受相同的选项对象 (除了一些根级特有的选项) 阅读全文
posted @ 2020-08-11 04:28 sewen 阅读(184) 评论(0) 推荐(0)
组件中数据的绑定
摘要：组件中数据的绑定 在vue中数据通过data属性进行绑定，如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init 阅读全文
posted @ 2020-08-11 04:26 sewen 阅读(311) 评论(0) 推荐(0)
环境配置(ubuntu系统)
摘要：1.单文件组件 将一个组件相关的html结构，css样式，以及交互的JavaScript代码从html文件中剥离出来，合成一个文件，这种文件就是单文件组件，相当于一个组件具有了结构、表现和行为的完整功能，方便组件之间随意组合以及组件的重用，这种文件的扩展名为“.vue”，比如："breadcrumb 阅读全文
posted @ 2020-08-11 04:25 sewen 阅读(168) 评论(0) 推荐(0)
Vue单文件组件的使用
摘要：单文件组件的使用 项目搭建完成后需要分别对 main.js , index.html , App.vue 文件进行编写代码 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi 阅读全文
posted @ 2020-08-11 04:24 sewen 阅读(310) 评论(0) 推荐(0)
Vue多个单文件组件使用/Element-ui
摘要：1.多个单文件组件使用 在project目录下创建components文件夹，然后将所有子组件放入components文件夹下 1、多组件嵌套使用 Child1.vue <template> <div>子组件1</div> </template> <script> // export default 阅读全文
posted @ 2020-08-11 04:23 sewen 阅读(1103) 评论(0) 推荐(0)