PHP - Laravel 视图模板(blade.php) @ 原始形态输出(Vue 与 PHP 混编)

简介: PHP - Laravel 视图模板(blade.php) @ 原始形态输出(Vue 与 PHP 混编)
// 渲染数据
<div id="app" v-if="isShow">
    // php 默认支持 {{}} 写法获取数据,如果需要显示 Vue 属性数据
    // 则需要前面加 @ 表示原始形态输出
    @{{ title }}
</div>
// 这里只需要直接 ./js 就能拿到文件
// 你可以把这个页面文件想象成跟 js 文件是同一级
<script src="./js/vue.min.js"></script>
// 也可以通过 cdn 的方式导入 Vue
<script src="https://cdn-games.netjoy.com/web/static/redPacket/js/vue.min.js"></script>
// 使用 Vue
<script>
var app = new Vue({
  el: '#app',
  data:{
    name: 'dzm',
    isShow: true
  }
})


相关文章
|
1月前
|
JavaScript 前端开发 编译器
Vue的模板编译原理
在 Vue.js 中模板功能变得更为灵活,这依赖于其强大的模板编译功能。模板编译的主要功能是将模板编译成为渲染函数,而渲染函数则会根据应用状态生成 vnode,再通过 vnode 进行渲染。
|
1月前
|
JavaScript 前端开发
请详细解释一下Vue的模板语法中各个指令的具体用法。
请详细解释一下Vue的模板语法中各个指令的具体用法。
20 2
|
16天前
|
JavaScript API
vue 模板引用
vue 模板引用
|
1月前
|
JavaScript
|
1月前
|
自然语言处理 JavaScript 前端开发
Vue.js 深度解析:模板编译原理与过程
Vue.js 深度解析:模板编译原理与过程
|
1月前
|
缓存 JavaScript 前端开发
VUE模板渲染
VUE模板渲染
26 4
|
1月前
|
JavaScript 开发者
描述 Vue 的模板语法,如 v-bind、v-on 等。
描述 Vue 的模板语法,如 v-bind、v-on 等。
15 2
|
2月前
|
JavaScript 前端开发 编译器
Vue 模板是如何编译的?
Vue 模板是如何编译的?
35 0
|
2月前
|
缓存 自然语言处理 JavaScript
Vue 3 渲染机制解密:从模板到页面的魔法
Vue 3 渲染机制解密:从模板到页面的魔法
99 0
|
3月前
|
JavaScript 前端开发
Vue中的render函数是什么?它与模板的区别是什么?
Vue中的render函数是什么?它与模板的区别是什么?
111 1