学習足場 - コンポーネント間（コンポーネント間の）ジャンプとパラメータ
本体との間にジャンプ（アセンブリ1- > ジャンプ - > アセンブリ 2）
（1）ラベルモードジャンプ（好ましくは選択）
<=「へのルータのリンクコンポーネントパス」>
.....
<ルータリンク>
例：Home.vue - > NewsList.vue
<= "/ NewsList" へのルータのリンク>
</ルータリンク>
（2）プログラムモードジャンプ
。この$のrouter.push（ " コンポーネントパス"）;
例：
<IMG SRC = "1.JPG" @ = "ジャンプ" をクリックしてください/>
ジャンプ（）{
。この$のrouter.push（ "/ NewsList"）;
}
例：
Exam01.vue - > NewsList.vue
<H1 @クリック= "ジャンプ" > ゴー NewsList.vueのアセンブリ</ H1>
ジャンプ（）{
この。$のrouter.push（ "/ NewsList"）
}
（3）コンポーネント間でジャンプonPassivate
Exam01.vue - > NewsList.vue
？ドゥ= 6
- 通過パラメータ Exam01.vue
この。$のrouter.push（ "/ NewsList？NID = 6"）
- 受信パラメータ NewsList.vue
VaRのID =この$ route.query.nid。
＃典型的パラメータ受信 ）（作成を
＃$ルータ プロパティを担当するコンポーネント間のジャンプ
＃1 $ルート 受信を担当する属性パラメータ
2.2：ニュース一覧 / ニュース詳細
- 空のアセンブリを作成し 、SRC /コンポーネント/ホーム/ NewsInfo.vue
- パスアクセスするコンポーネントの追加 / NewsInfoを
- チェック NewsList.vueのニュースのリストを
タグジャンプ
<： " '？/ NewsInfo NID =' + item.id" =へのルータのリンク>
</ルータリンク>
プログラム ？NID = 変数
- 作成 AJAX ニュースの詳細については、要求を
-node.js / findNewsInfo
パラメータ：ID
引数の検証：/ ^ \ dは{1、 } $ /
SQL：SELECT ID、タイトル、内容、CTIME、ID = xz_news FROM img_url？
JSON：{コード：1、データ：[]}
- 現在のセーブ データを：{情報：{}}
2.3：ニュース詳細
- 追加のMUI card.htmlのカードレイアウトを
- 追加 のニュース タイトル コンテンツの 時間を
- 送信 AJAX 要求にデータを表示すると、
練習：定義フィルタ2019年1月20日
2.4：ニュースコメント
-创建表 xz_comment[id;content;ctime;nid]
-创建服务器程序 /getComment
参数:nid 新闻id
sql:SELECT id,content,ctime,nid FROM xz_comment WHERE nid=?
json:{code:1,data:[]}
-创建空子组件 src/components/sub/comment.vue
-在新闻组件中添加评论子组件
(1)在父组件引入子组件
import comment from "../sub/comment.vue"
(2)在父组件注册子组件并且指定子组件标签名称
components:{
"子组件名称": comment
}
(3)在父组件中调用子组件
<子组件名称></子组件名称>
常见错误
1:乱码 ???
乱码原因只有一种:{编码不统一}
mysql utf8/db utf8/table utf8/nodes.js utf8/vue utf8
编码方式: gbk/utf-8/latin-1[iso-8859-1]
mysql命令: status 查看编码
解决方案:99%
-如果有中文sql语句不要复制粘贴
-打开 xampp ->mysql [Admin] 点击->phpmyadmin
-点击xz库-> 点 sql标签 ->粘贴->[执行]