随笔分类 -  vue

vue项目 build之后发布到服务器index.html页面空白解决方法
摘要：<!--done--> 第一部分 之前一直不太理解为什么要使用vue+webapck，还有在使用了vue-cli之后会用到后台，即vue-cli自动帮我们安装了express服务器，在本地服务器上运行，因为我们希望可以模拟在真是服务器上的效果，然而又不可能始终在真实的服务器上运行，所以在本地服务器上 阅读全文
posted @ 2019-04-27 16:20 Practical 阅读(9931) 评论(0) 推荐(0)
vue+axios上传文件
摘要：单独上传文件： Form表单上传文件： 阅读全文
posted @ 2019-04-11 22:39 Practical 阅读(10197) 评论(2) 推荐(1)
Vue简易博客总结
摘要：项目结构： 首先，编写博客的导航栏组件BlogHeader.vue: 1 <template> 2 <nav> 3 <ul> 4 <li> 5 <router-link to="/" exact>博客</router-link> 6 <router-link to="/add" exact>写博客< 阅读全文
posted @ 2019-03-24 16:10 Practical 阅读(759) 评论(0) 推荐(0)
深入组件
摘要：W3C 规范中的自定义组件名 (字母全小写且必须包含一个连字符)。 基础组件的自动化全局注册 可能你的许多组件只是包裹了一个输入框或按钮之类的元素，是相对通用的。我们有时候会把它们称为基础组件，它们会在各个组件中被频繁的用到。 所以会导致很多组件里都会有一个包含基础组件的长列表： 而只是用于模板中的 阅读全文
posted @ 2019-03-22 09:55 Practical 阅读(198) 评论(0) 推荐(0)
脚手架工具搭建VUE应用
摘要：首先需要安装node.js,然后安装CLI工具。 vue init webpack vue-lesson2 使用element组件的话，需要用到如下命令: npm run dev 生成文件的目录结构： 阅读全文
posted @ 2019-03-21 12:24 Practical 阅读(191) 评论(2) 推荐(0)
Vue组件基础
摘要：定义一个组件： 1 <template> 2 <header> 3 <h1>{{title}}</h1> 4 </header> 5 </template> 6 7 <script> 8 export default { 9 name: 'app-header', 10 data () { 11 r 阅读全文
posted @ 2019-03-21 12:16 Practical 阅读(154) 评论(0) 推荐(0)
v-bind、v-on、计算属性
摘要：v-bind 缩写 v-on 缩写 计算属性 我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而，不同的是计算属性是基于它们的依赖进行缓存的。只在相关依赖发生改变时它们才会重新求值。这就意味着只要 message 还没有发生改变，多次访问 reversedM 阅读全文
posted @ 2019-03-19 23:54 Practical 阅读(629) 评论(0) 推荐(0)
vue学习总结(简单介绍)
摘要：声明式渲染 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统： 除了文本插值，我们还可以像这样来绑定元素特性： 你看到的 v-bind 特性被称为指令。指令带有前缀 v-，以表示它们是 Vue 提供的特殊特性。 在这里，该指令的意思是：“将这个元素节点的 tit 阅读全文
posted @ 2019-03-18 23:52 Practical 阅读(857) 评论(0) 推荐(0)