博主信息
佐罗
博文
42
粉丝
0
评论
0
访问量
9836
积分:0
P豆:88

TP Facade、多应用与Vue3(三)

2022年05月13日 08:58:33阅读数:333博客 / 佐罗/ php学习-19期

Facade

Facade类容器中的(动态)类提供了一个静态调用接口,系统已经为大部分核心类库定义了Facade,可以通过Facade来访问这些系统类,也可自己编写facade:

  1. class MyClass extends Facade
  2. {
  3. /**
  4. * 获取当前Facade对应类名(或者已经绑定的容器对象标识)
  5. */
  6. protected static function getFacadeClass()
  7. {
  8. return 'myclass';
  9. }
  10. }

多应用

需要执行命令composer require topthink/think-multi-app

Vue3

安装nodejs
安装vue

  1. // npm
  2. npm install -g @vue/cli @vue/cli-service-global @vue/cli-service

  1. # 1、创建一个项目
  2. vue create vuecli
  3. # 2、选择:用vue2,vue3,手动配置。 vue2,vue3除了基本语法, 还有下面2个功能
  4. # 2.1、babel 把es6的语法,转成es5的语法,可以做到兼容
  5. # 2.2、eslint 语法检查,约束你的代码习惯
  6. # 3、手动选择功能:Choose Vue version、Babel、CSS Pre-processors
  7. # 4、选择版本:3.x
  8. # 5、选择css预处理器版本:dart-sass
  9. # 6、配置文件:In package.json
  10. # 7、是否保持此项目配置:都行,保存的话,起个名字
  11. App.vue内代码结构:template里面只能有一个根节点
  12. <template></template> 对应 html 代码
  13. <script></script> 对应 js 代码
  14. <style></style> 对应 css
练习指令
  1. <template>
  2. <div>
  3. <div v-once>HelloWorld{{zolo}}</div>
  4. <div>{{ test() }}</div>
  5. <input type="text" v-model="zolo">
  6. <div v-text="zolo"></div>
  7. <div v-html="html"></div>
  8. <div>{{html}}</div>
  9. <div v-pre>{{html}}</div>
  10. <a v-bind:href="url">v-bind-url1</a>
  11. <a href="https://www.baidu.com">原生url2</a>
  12. <hr>
  13. <a :href="url" :title="title">v-bind</a>
  14. <a :href="url" :style="style">v-bind</a>
  15. </div>
  16. </template>
  17. <script>
  18. export default{
  19. data(){
  20. return{
  21. zolo:'佐罗',
  22. html:"<h2>佐罗</h2>",
  23. url:"https://www.baidu.com",
  24. title:'zolo',
  25. style:'color:green',
  26. }
  27. },
  28. methods:{
  29. test(){
  30. return '123';
  31. },
  32. fun1(){
  33. return '456';
  34. }
  35. }
  36. }
  37. </script>
  38. <style>
  39. </style>

版权申明:本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!

全部评论

文明上网理性发言,请遵守新闻评论服务协议

条评论