![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 79
qq_44209563
这个作者很懒,什么都没留下…
展开
-
vue部署项目
步骤在项目目录下运行npm run build,运行完之后在项目文件夹中出现一个dist文件夹。部署到tomcat将dist文件夹下所有文件粘贴到tomcat/webapps/ROOT(ROOT没有则新建一个)目录下,启动tomcat访问即可。部署到nginx将同样的文件粘贴到nginx/html文件夹下,启动后访问...原创 2019-12-24 23:30:53 · 93 阅读 · 0 评论 -
Vue的路由守卫
局部路由守卫beforeRouteEnter在组件中使用from表示访问组件之前的路径,to表示访问组件的路径export default { // 在渲染该组件的对应路由被 confirm 前调用 beforeRouteEnter (to, from, next) { //表示放行 next() }}全局路由守卫beforeEach在路...原创 2019-12-24 01:17:24 · 100 阅读 · 0 评论 -
路径可以切换,但是router-view标签内容不显示问题
在写一个简单demo的时候,发现点击router-link标签以后,地址栏的路径已经发生改变,但是router-view标签的内容就是显示不出,而且没有报任何错误,配置步骤该有的都有了,然后坑爹的地方来了,发现竟然是自己单词拼写错误,在此记录下,顺便提醒下大家export default new Router({ routes: [ { path...原创 2019-12-21 11:58:46 · 5406 阅读 · 10 评论 -
Vue案例-名字过滤以及年龄排序
代码<div id="app"> <input v-model="searchText"> <table border="1px" cellpadding="0" cellspacing="0" width="100%"> <tr align=""> <th>序号</th&g...原创 2019-12-18 00:38:31 · 1152 阅读 · 0 评论 -
Vue的使用--输入框数据的双向绑定
使用在html文件中通过以下方式引入Vue:<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>开始使用案例实现效果向firstName和lastName中输入内容,会同时显示到fullName,fullName2,fullName3中,其中改变fullName3的值,...原创 2019-12-17 23:50:36 · 1669 阅读 · 0 评论