2021年1月23日
Vue +elementUI 快速创建项目
摘要： 1.创建一个工程 vue init webpack hello-vue 2.安装依赖 #进入工程目录 cd hello-vue #安装 vue-router npm install vue-router --save-dev #安装 element-ui npm i element-ui -s #安 阅读全文
posted @ 2021-01-23 14:41 创客未来 阅读(1358) 评论(0) 推荐(0)
Vue vue-router 路由创建并使用
摘要： vue-router说明 Vue Router 是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。包含功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于Vue.js过度系统的视图过度效果 细粒度的导航控制 带有自动激活 阅读全文
posted @ 2021-01-23 12:43 创客未来 阅读(2229) 评论(0) 推荐(0)
Vue Webpack使用
摘要： 什么是Webpack？ webpack是一个现代js应用程序的静态模块打包器，当webpack处理应用程序时，它会递归地构建一个以来关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。 服务器端的NodeJS遵循CommonsJS规范，该规范核心思想是允许模块通过 阅读全文
posted @ 2021-01-23 11:34 创客未来 阅读(215) 评论(0) 推荐(0)
Vue vue-cli 创建项目
摘要： 什么是 vue-cli ？ vue-cli是官方提供的脚手架，用于快速生成一个vue的项目模板。 主要功能： 统一的目录结构 本地调试 热部署 单元测试 集成打包上线 需要环境： Node.js :http://nodejs.cn/download/ 确认nodejs安装成功： cmd 下输入 no 阅读全文
posted @ 2021-01-23 10:03 创客未来 阅读(124) 评论(0) 推荐(0)
Vue this.$emit 自定义事件分发
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <todo> <todo-title slot="todo-title" 阅读全文
posted @ 2021-01-23 07:21 创客未来 阅读(929) 评论(0) 推荐(0)
2021年1月22日
Vue 插槽 <slot>
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!--原始标签--> <!--<p>列表书籍</p>--> <!-- 阅读全文
posted @ 2021-01-22 21:47 创客未来 阅读(112) 评论(0) 推荐(0)
Vue 计算属性 computed
摘要： 什么是计算属性？ 计算属性的重点突出在 属性 两个字上。简单说就是一个能够将计算结果缓存起来的属性。 计算属性在内存中运行。 计算属性的主要特点就是为了将不经常变化的计算结果进行缓存，以节约我们的系统开销。 <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文
posted @ 2021-01-22 21:16 创客未来 阅读(107) 评论(0) 推荐(0)
Vue Axios异步通信
摘要： Axios 是一个开源的可以用在浏览器端和Node.js 的异步通信框架，它的主要作用就是实现AJAX异步通信。 npm install axios 引入Axios在线包 <script src="https://unpkg.com/axios/dist/axios.min.js"></script 阅读全文
posted @ 2021-01-22 20:26 创客未来 阅读(116) 评论(0) 推荐(0)
vue 自定义组件 component
摘要： Vue.component():注册组件 my-component-li：自定义组件的名字 template：组件的模板 利用 props属性传递参数，默认规则下props属性里的值不能为大写。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <met 阅读全文
posted @ 2021-01-22 19:37 创客未来 阅读(1119) 评论(0) 推荐(0)
Vue 表单双向绑定
摘要： 1.什么是双向数据绑定 当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。也是vue.js的精髓之处了。 2.在表单中使用双向数据绑定 使用v-model 指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。v-model本质上就 阅读全文
posted @ 2021-01-22 18:08 创客未来 阅读(255) 评论(0) 推荐(0)