随笔分类 - Vue
摘要：参考文章一：https://blog.csdn.net/Small_Yogurt/article/details/104968169 参考文章二：https://blog.csdn.net/weixin_43403746/article/details/124631637 我先参考第一篇文章，安装了
阅读全文
摘要：之前装过vue很简单就装上了，结果这次出了好多问题。 1.win+R再cmd打开的命令行，结果运行报错，说权限不够，只能再powershell用。 2.powershell挂了半天发现卡住不动了，原来是网络问题，用淘宝镜像解决。 方法如下： 使用命令设置为淘宝的镜像源： npm config set
阅读全文
摘要：这个纯粹是写给自己的，总是忘记。。。 装好node，npm，Vue脚手架以后，在文件夹内，cmd，输入命令： vue create ********(星号就是项目名称，不能有大写字母，可以有中划线，下划线) 等待一段时间，在下载一些相关的依赖。。 就好了 然后，进入到项目里面，npm run ser
阅读全文
摘要：费劲了九牛二虎之力，终于是写完了一个路由demo，但是感觉还是无法理解很多东西，在这里慢慢总结记录一下。 1，完成一些准备工作，搭建好路由index.js文件。 2，在App.vue内（用了element-ui，需要引入插件）（在我自己写的App.vue内部其实是不需要引入组件的，直接注释掉就好）：
阅读全文
摘要：续上一篇文章，我们接下来要分析index.js内部具体要写一些什么。 1，首先要引入VueRouter，这个插件必须要用 import VueRouter from "vue-router" 2，接下来，引入需要配置路由的组件，我这里有2个，分别是About和Home import About fr
阅读全文
摘要：1，安装vue路由(我的代码是用vue2写的，现在如果默认的话装的是vue3支持的4版本) npm i vue-router@3 2，在main.js入口文件中，引入路由并且“使用”，就可以在new Vue()中写入一个全新的配置项， import VueRouter from 'vue-route
阅读全文
摘要：组件在复用，数据是动态的。 生活中很相似的地方就是微信转账，A转给B100元，B必须要接收（区别支付宝直接转账不需要接收）。 // App <template> <div id="app"> <School name = "武汉化工大学" /> </div> </template> <script>
阅读全文
摘要：App组件是一人之下（vm），万人之上（所有组件），作用是汇总所有的组件，所以在App组件里面要引入要用的所有的组件。 1，引入组件 import School from './School' 2，注册组件 在App.vue内，在export default{}内，有一个components：{}，
阅读全文
摘要：1，文件名是：xxxx.vue（一般是小驼峰写法，如：SchoolStudent.vue） 2，定义组件时，不用多此一举写名字，直接暴露组件（为什么要暴露，因为别的代码要用这个组件，就要import引入），代码： 1 <script> 2 export default { 3 name:'Schoo
阅读全文
摘要：1，组件名 命名规范：一般小驼峰写法 2，组件定义时的名字和注册时的名字 定义时候：const s = Vue.expend({.......}) 注册时候：Vue({components:{school：s}}) 那么在用的时候，名字就是school 2-2，在定义时，const s= Vue.e
阅读全文
摘要：1，创建组件 1 const school = Vue.extend({ 2 // 为啥要有一个div包着？因为要使用template必须要有一个根元素 3 template:` 4 <div> 5 <h2>学校是{{schoolName}}</h2> 6 <h2>学校的地址是{{schoolAdr
阅读全文
摘要：为什么创建时没有el配置对象： 这个问题其实很好回答，因为el绑定的是一个容器，如果绑定了，就写死在那个位置了，别人用起来就非常麻烦，这还能叫组件？ 组件都是“砖”，可能这个页面需要，那个页面也需要，如果绑定到具体容器，那该为谁服务呢。所以没有el配置对象。 为什么data必须写成函数： 在new
阅读全文
