资讯专栏INFORMATION COLUMN

在Laravel5.5中使用vue渲染具体过程与总结

changfeng1050 / 2191人阅读

摘要:最后一定一定要记住要把组件写在一个为的中否则永远无法渲染哦这是大坑坑了我一宿最后打包打包成功后切记刷新有时候这里也是大坑缓存根本不出最后刷新页面组件渲染成功

首先安装laravel集成环境,不在多余赘述,直接开始配置
1.打开layout目录,这里是视图层公用文件,名字随便起,只要你能引入到非公用视图文件中就好,我这里拿main.blade.php为例

2.main.blade.php还是按照默认的html写法 不过一定要引入VUE组件文件中的app.js配置文件

3.打开app.js文件 进行vue组件注册 我这里直接用自带的example文件

4.由于example文件自带内容 我就不多余配置了 这里只讲过程 下一步将vue组建引入视图文件

这里需要注意的是 一定不要忘记引入刚才的公用视图文件 接着 激活example。最后一定一定要记住 要把example组件写在一个id为app的div中 否则永远无法渲染哦 这是大坑 坑了我一宿

最后cnpm run dev打包

打包成功后切记ctrl+F5刷新 有时候这里也是大坑 缓存根本不出

最后刷新页面 vue组件渲染成功

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/28322.html

相关文章

  • Laravel5.5新特性--邮件模板可以浏览器渲染

    摘要:正在开发的另一种测试方法是将电子邮件呈现给浏览器,以便您可以进行快速更改并获得几乎即时的反馈。 这个是即将在Laravel5.5中发布的新特性 当您构建自定义HTML电子邮件模板时,通常会对所有电子邮件客户端进行测试,并一并测试通常是一件麻烦事。有几个像Litmus这样的工具可以帮助解决这个问题,但服务是昂贵的。 正在开发的另一种测试方法是将电子邮件呈现给浏览器,以便您可以进行快速更改...

    worldligang 评论0 收藏0
  • Vue2.x踩坑总结

    摘要:年前就打算学习并总结一下,但是因为年前工作比较多,所以进展十分缓慢,现在终于学了一大部分,而且自己在学习开发中也踩了不少坑也总结了不少,所以将自己踩过的坑总结一下分享出来。因为在项目中使用了,所以对于也有一个踩坑总结,点击链接。 年前就打算学习并总结一下vue2.x,但是因为年前工作比较多,所以进展十分缓慢,现在终于学了一大部分,而且自己在学习开发中也踩了不少坑也总结了不少,所以将自己...

    bovenson 评论0 收藏0
  • vue源码阅读之数据渲染过程

    摘要:图在中应用三数据渲染过程数据绑定实现逻辑本节正式分析从到数据渲染到页面的过程,在中定义了一个的构造函数。一、概述 vue已是目前国内前端web端三分天下之一,也是工作中主要技术栈之一。在日常使用中知其然也好奇着所以然,因此尝试阅读vue源码并进行总结。本文旨在梳理初始化页面时data中的数据是如何渲染到页面上的。本文将带着这个疑问一点点追究vue的思路。总体来说vue模版渲染大致流程如图1所...

    AlphaGooo 评论0 收藏0
  • 用WEB技术栈开发NATIVE应用(二):WEEX 前端SDK原理详解

    摘要:依旧采取传统的开发技术栈进行开发,同时在终端的运行体验不输。首先来看下前端开发框架目前与构成了三大最流行的前端开发框架,具有组件化以及三大特性,还学习的,引入了状态管理模块。 摘要: WEEX依旧采取传统的web开发技术栈进行开发,同时app在终端的运行体验不输native app。其同时解决了开发效率、发版速度以及用户体验三个核心问题。那么WEEX是如何实现的?目前WEEX已经完全开...

    ls0609 评论0 收藏0
  • [面试专题]一线互联网大厂面试总结

    摘要:道阻且长啊前端面试总结前端面试笔试面试腾讯一面浏览器工作原理浏览器的主要组件包括用户界面包括地址栏后退前进按钮书签目录浏览器引擎用来查询及操作渲染引擎的接口渲染引擎渲染界面和是基于两种渲染引擎构建的,使用自主研发的渲染引擎,和都使用网络用来 道阻且长啊TAT(前端面试总结) 前端 面试 笔试 面试 腾讯一面 1.浏览器工作原理 浏览器的主要组件包括: 用户界面- 包括地址栏、后退/前...

    lemanli 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<