随笔分类 - VUE-CLI3
摘要：在vue3中数据进行调用的时候，我们需要进行数据的一些操作 子级 ResourceList.vue 父级 ResourceHome.vue 父级 ResourceHome.vue中 <template> <ResourceList :resourceChild="resource"></Resour
阅读全文
摘要：在vue3中和vue2中数据会有所不一样，不一样的地方在于数据的写法和变化 在vue3中数据的变化是需要用到reactive的 在父级中引入 inport{ toRefs, reactive} from "vue 数据： set(){ const data=reactive({ resource:[
阅读全文
摘要：在vue中使用组件的引用方式 比如需要用到bootstrap组件，可以使用 1.外联的方式，引入到文件中，放在public文件夹下的index.html文件中通过link的方式引入 2.通过命令下载引入 npm install bootstrap@4.5.2 --save 2.1下载过后则需要在ap
阅读全文
摘要：在vue中可以通过事件的注册，在一个组件中点击，之后在另外一个组件中通过相对应的绑定，是另外一个组件页面的值进行改变 在vue使用事件注册的函数是emit eg： app.vue <template> <contations @onIncrement="increment"/> </template
阅读全文
摘要：vue通过属性来传值，其实很简单，主要就是把传入的对象的key和value分清楚就可以了，比如被传对象 :list = listUl,在这个属性中，list是要传出的，而listUl就是你定义的数据，同时在接收的时候也是同样，使用props来就收即可，在html中写入即可完成通过属性的方式来传值 e
阅读全文
摘要：组件的调用就是封装一个自己想要调用的组件，比如一个文本框，一个电话发送验证码之类的 当你在别的地方需要使用到这些组件的时候，你可以拿过来直接的使用 eg: 封装的组件代码（被调用）：inputGroup.vue 需要调用的组件：reg.vue 使用方法： 1.在需要调用的组件中插入（引入）被调用的组
阅读全文
摘要：之前有提到过当创建一个vue结尾的文件的时候，则需要在router文件夹下的index页面进行添加对应的路径，这个是没有错的，但是当你进行按需加载的时候，就不在需要使用import来添加对应的路径了（此处的路径可以省略），放入页面中的 const router = new VueRouter中写入，
阅读全文
摘要：router.beforeEach((to,from,next)=>{ 用一个值来接受是否进行了一些操作（登录，注册。。。。）进而返回真或假const isRegest = localStorage.reg?true:false 判断一个你需要的页面值如（登录，注册。。。） if(to.path =
阅读全文
摘要：vue 页面的总体样式 1.样式的有多处写法：总体的布局写法是在app.vue中 在app.vue中是用来控制手机端id为app的总体的宽度和高度，字体大小，以及背景色 2.public下的index.html中是设置页面的大小 3.可以引进css的样式，引进方式如 <link rel="style
阅读全文
摘要：删除： 当你想删除vue中的一个.vue文件的时候，你会使用到一下的操作步骤，否则会报错 1.当你删除不想要的文件（vue结尾的文件）的时候，删除掉 2.进入到router文件夹下的index文件中，删除import对应的文件路径 3.在const router = new VueRouter 中删
阅读全文
摘要：1.在你想进入的盘符中新建一个文件夹， 例如在F盘中新建一个文件夹project 2,使用命令进入 F： 3.cd project 4.创建一个项目el_el(项目名) vue create el_el 5. 6. 7. 进过以上的选择创建即可得到一个新的项目 8.在使用项目的时候你必须要先进入到项
阅读全文
摘要：当安装vue cli 报错 ：unexpected end of file 解决方法：1. 先清除一下缓存 npm cache verify 2.删除node，并进行安装node 3.C:\Users\rocky\AppData\Roaming\npm\node_modules清除文件 4.在次进行
阅读全文
摘要：1.在指定的文件夹中进行安装 npm install -g @vue/cli 2 进行版本检测，是否安装成功 vue --version
阅读全文
浙公网安备 33010602011771号